<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>refund</title>
	<link rel="stylesheet" href="css/refund.css">
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<link rel="stylesheet" href="layui/css/layui.css" tppabs="http://res.layui.com/layui/dist/css/layui.css" media="all">
	<script type="text/javascript" src="layui/layui.js"></script>
</head>
<body>
	
	<!-- 爱心模式 -->
	<div id="heart">
		<ul>
			<li>
				<a href="">
					<img src="images/reflash1.png" alt="">
				</a>
			</li>
			<li id="sound_normal">
				<a href="">
					<img src="images/sound_normal.png" alt="">
				</a>
				<span>声音</span>
			</li>
			<li>
				<a href="">
					<img src="images/vol_normal.png" alt="">
				</a>
			</li>
			<li id="heart_point">
				<a>
					<img src="images/point3.png" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/color1.png" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/enlarge1.png" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/small1.png" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/reflash2.png" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/cursor1.png" alt="">
				</a>
			</li>
			<li id="screen1">
				<a href="">
					<img src="images/screen1.png" alt="">
				</a>
				<span>显示屏</span>
			</li>
			<li>
				<a href="">
					<img src="images/help1.png" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/left_img5.png" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/toOriginal.png" alt="">
				</a>
			</li>
			<li id="heart_exit">
				<a>
					<img src="images/exit1.png" alt="">
				</a>
			</li>
		</ul>
	</div>

	<!-- 头部 -->
	<header>
		<div id="wrapper">
			<!-- 头部内容 -->
			<div id="header-con">
				<a href="homepage.jsp" id="logo2x">
					<img src="images/logo@2x.png" alt="">
				</a>
				<!-- 搜索框 -->
				<div id="search">
					<div id="search-con">
						<input type="text" placeholder="搜索车票、餐饮、常旅客、相关规章" id="searchText" name="searchs">
						<a href="" id="search—bon"></a>
					</div>
				</div>
				<!-- 右侧菜单 -->
				<ul id="topMenu">
					<li id="heart_schema">
						 <a>
						 	爱心模式
              			</a>
					</li>
					<li class="menu-line">|</li>
					<li id="Englishs">
						<a href="">
							<span >English</span>
						</a>
						<ul id="EnglishSlide">
							<li>
								<a href="">简体中文</a>
							</li>
							<li>
								<a href="">English</a>
							</li>
						</ul>
					</li>
					<li class="menu-line">|</li>
					<li id="myslide">
						<a href="">
							<span >我的12306</span>
						</a>
						<ul id="my12306">
							<li>
								<a href="">火车订票</a>
							</li>
							<li>
								<a href="">候补订单</a>
							</li>
							<li>
								<a href="">计次•定期票订单</a>
							</li>
							<li>
								<a href="">约号订单</a>
							</li>
							<li>
								<a href="">本人车票</a>
							</li>
							<li class="myline"></li>
							<li>
								<a href="">我的餐饮•特产</a>
							</li>
							<li>
								<a href="">我的保险</a>
							</li>
							<li>
								<a href="">我的会员</a>
							</li>
							<li class="myline"></li>
							<li>
								<a href="">查看个人信息</a>
							</li>
							<li>
								<a href="">账户安全</a>
							</li>
							<li class="myline"></li>
							<li>
								<a href="">乘车人</a>
							</li>
							<li>
								<a href="">地址管理</a>
							</li>
							<li class="myline"></li>
							<li>
								<a href="">温馨服务查询</a>
							</li>
						</ul>
					</li>
					<li class="menu-line">|</li>
					<li>
						<a href="login.jsp" id="logig_nameShow">${loginUser.getUser_real_name()}<!-- 登录 --></a>
						<a href="register.jsp">注册</a>
					</li>
				</ul>
			</div>
		</div>
		<!-- 导航 -->
		<div id="nav-box">
			<div id="wrapper1">
				<ul>
					<li>
						<a href="#">首页</a>
					</li>
					<li id="n_arrow_ticket">
						<a href="">车票
							<img src="images/n_arrow.gif" alt="" class="n_arrow">
						</a>
						<div class="navigation" id="ticket">
							<nav id="ticket-con0">
								<h3>购买</h3>
								<div>
									<a href="one-way.jsp">
										<span>单程</span>
									</a>
									<a href="transit.jsp">
										<span>中转换乘</span>
									</a>
								</div>
							</nav>
							<nav id="ticket-con1">
								<h3></h3>
								<div>
									<a href="one-way.jsp">
										<span>往还</span>
									</a>
									<a href="">
										<span>计次·定期票</span>
									</a>
								</div>
							</nav>
							<nav id="ticket-con3">
								<h3>变更</h3>
								<div>
									<a href="">
										<span>退票</span>
									</a>
									<a href="">
										<span>变更到站</span>
									</a>
								</div>
							</nav>
							<nav id="ticket-con4">
								<h3></h3>
								<div>
									<a href="">
										<span>改签</span>
									</a>
									<a href="">
										<span></span>
									</a>
								</div>
							</nav>
							<nav id="ticket-con5">
								<h3>更多</h3>
								<div>
									<a href="">
										<span>中铁银通卡</span>
									</a>
									<a href="">
										<span>市郊快速铁路</span>
									</a>
								</div>
							</nav>
							<nav id="ticket-con6">
								<h3></h3>
								<div>
									<a href="">
										<span>广九直通车</span>
									</a>
									<a href="">
										<span>国际列车</span>
									</a>
								</div>
							</nav>
						</div>
					</li>
					<li id="n_arrow_team">
						<a href="">团购服务
							<img src="images/n_arrow.gif" alt="" class="n_arrow">
						</a>
						<div class="navigation" id="team">
							<nav>
								<a href="">
									<span>务工人员</span>
								</a>
								<a href="">
									<span>学生团体</span>
								</a>
							</nav>
						</div>
					</li>
					<li id="n_arrow_vipServe">
						<a href="">会员服务
							<img src="images/n_arrow.gif" alt="" class="n_arrow">
						</a>
						<div class="navigation" id="vipServe">
							<nav>
								<a href="memberService.jsp">
									<span>会员管理</span>
								</a>
								<a href="memberService.jsp">
									<span>积分账户</span>
								</a>
								<a href="memberService.jsp">
									<span>积分兑换</span>
								</a>
								<a href="memberService.jsp">
									<span>会员专享</span>
								</a>
								<a href="memberOld.jsp">
									<span>会员中心</span>
								</a>
							</nav>
						</div>
					</li>
					<li id="n_arrow_station">
						<a href="">站车服务
							<img src="images/n_arrow.gif" alt="" class="n_arrow">
						</a>
						<div class="navigation" id="station">
							<nav id="station-con1">
								<div>
									<a href="">
										<span>重点旅客预约</span>
									</a>
									<a href="">
										<span>遗失物品查找</span>
									</a>
								</div>
							</nav>
							<nav id="station-con2">
								<div>
									<a href="">
										<span>便民托运</span>
									</a>
									<a href="">
										<span>动车组介绍</span>
									</a>
								</div>
							</nav>
							<nav id="station-con3">
								<div>
									<a href="">
										<span> 共享汽车</span>
									</a>
									<a href="">
										<span>定制接送</span>
									</a>
								</div>
							</nav>
							<nav id="station-con4">
								<div>
									<a href="">
										<span> 车站引导</span>
									</a>
									<a href="">
										<span>站车风采</span>
									</a>
								</div>
							</nav>
						</div>
					</li>
					<li id="n_arrow_tour">
						<a href="">商旅服务
							<img src="images/n_arrow.gif" alt="" class="n_arrow">
						</a>
						<div class="navigation" id="tour">
							<nav>
								<a href="">
									<span>餐饮·特产</span>
								</a>
								<a href="">
									<span>旅游</span>
								</a>
								<a href="">
									<span>保险</span>
								</a>
							</nav>
						</div>
					</li>
					<li id="n_arrow_trip">
						<a href="">出行指南
							<img src="images/n_arrow.gif" alt="" class="n_arrow">
						</a>
						<div class="navigation" id="trip">
							<nav id="trip-con0">
								<h3>常见问题</h3>
								<div>
									<a href="">
										<span>车票</span>
									</a>
									<a href="">
										<span>改签、变更到站</span>
									</a>
									<a href="">
										<span>更多</span>
									</a>
								</div>
							</nav>
							<nav id="trip-con1">
								<h3></h3>
								<div>
									<a href="">
										<span>购票</span>
									</a>
									<a href="">
										<span>退票</span>
									</a>
								</div>
							</nav>
							<nav id="trip-con3">
								<h3>旅客须知</h3>
								<div>
									<a href="">
										<span>铁路电子客票</span>
									</a>
									<a href="">
										<span>更多</span>
									</a>
								</div>
							</nav>
							<nav id="trip-con4">
								<h3></h3>
								<div>
									<a href="">
										<span>身份验证</span>
									</a>
									<a href="">
										<span></span>
									</a>
								</div>
							</nav>
							<nav id="trip-con5">
								<h3>相关章程</h3>
								<div>
									<a href="">
										<span>铁路互联网售票暂行方法</span>
									</a>
									<a href="">
										<span>铁路进站乘车禁止和跟……</span>
									</a>
									<a href="">
										<span>更多</span>
									</a>
								</div>
							</nav>
							<nav id="ticket-con6">
								<h3></h3>
								<div>
									<a href="">
										<span>铁路旅客运输规程</span>
									</a>
									<a href="">
										<span>广深港高速铁路跨境旅客……</span>
									</a>
								</div>
							</nav>
						</div>
					</li>
					<li id="n_arrow_message">
						<a href="">信息查询
							<img src="images/n_arrow.gif" alt="" class="n_arrow">
						</a>
						<div class="navigation" id="message">
							<nav id="message-con0">
								<h3>常用查询</h3>
								<div>
									<a href="">
										<span>正晚点</span>
									</a>
									<a href="">
										<span>天气</span>
									</a>
								</div>
							</nav>
							<nav id="message-con1">
								<h3></h3>
								<div>
									<a href="">
										<span>时刻表</span>
									</a>
									<a href="">
										<span>交通查询</span>
									</a>
								</div>
							</nav>
							<nav id="message-con3">
								<h3></h3>
								<div>
									<a href="">
										<span>公布票价</span>
									</a>
									<a href="">
										<span>代售点</span>
									</a>
								</div>
							</nav>
							<nav id="message-con4">
								<h3></h3>
								<div>
									<a href="">
										<span>检票口</span>
									</a>
									<a href="">
										<span>客户电话</span>
									</a>
								</div>
							</nav>
							<nav id="message-con5">
								<h3></h3>
								<div>
									<a href="">
										<span>起售时间</span>
									</a>
									<a href="">
										<span>列车状态</span>
									</a>
								</div>
							</nav>
							<nav id="message-con6">
								<h3></h3>
								<div>
									<a href="">
										<span>最新发布</span>
									</a>
									<a href="">
										<span>信用信息</span>
									</a>
								</div>
							</nav>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</header>

	<!-- 中 -->
	<div id="center">

		<!-- 当前位置 -->
		<div id="cent_position">
			<ul>
				<li>
					当前位置：
					<a href="">
						个人中心
					</a>
					>
				</li>
				<li>
					111
				</li>
			</ul>
		</div>

		<!-- 主体内容 -->
		<div id="cent_mid">

			<!-- 左侧导航 -->
			<ul id="cent_mid_left">
				<li id="indent_one">
					<h2>
						个人中心
					</h2>
				</li>
				<li>
					<h2>
						<a href="">订单中心</a>
						<span id="cent_mid_indent"></span>
					</h2>
					<ul id="mid_indent">
						<li id="indent_ticket_menu">火车票订单
						</li>
						<li class="orthers_fun">
							候补订单
						</li>
						<li class="orthers_fun">
							计次·定期票...
						</li>
						<li class="orthers_fun">
							约号订单
						</li>
						<li class="orthers_fun">
							雪具快运订单
						</li>
						<li class="orthers_fun">
							餐饮·特产
						</li>
						<li class="orthers_fun">
							保险订单
						</li>
					</ul>
				</li>
				<li id="mid_myTicket">
					<h2>
						本人车票
					</h2>
				</li>
				<li>
					<h2>
						<a href="">会员中心</a>
					</h2>
				</li>
				<li>
					<h2>
						<a href="">个人信息</a>
						<span id="cent_mid_myMess"></span>
					</h2>
					<ul id="mid_myMess">
						<li id="mid_myOne">
							查看个人信息
						</li>
						<li id="mid_accountSecurity">
							账号安全
						</li>
						<li id="mid_phoneVerification">
							手机核验
						</li>
						<li class="orthers_fun">
							联系方式预留
						</li>
						<li id="mid_accountCancellation">
							账号注销
						</li>
					</ul>
				</li>
				<li>
					<h2>
						<a href="">常用信息管理</a>
						<span id="cent_mid_adminMess"></span>
					</h2>
					<ul id="mid_adminMess">
						<li class="orthers_fun">
							乘车人
						</li>
						<li  class="orthers_fun">
							地址管理
						</li>
					</ul>
				</li>
				<li>
					<h2>
						<a href="">温馨服务</a>
						<span id="cent_mid_serve"></span>
					</h2>
					<ul id="mid_serve">
						<li  class="orthers_fun">
							重点旅客预约
						</li>
						<li  class="orthers_fun">
							遗失物品查找
						</li>
						<li  class="orthers_fun">
							限制购票求助
						</li>
						<li class="orthers_fun">
							服务查询
						</li>
					</ul>
				</li>
				<li>
					<h2>
						<a href="">投诉和建议</a>
						<span id="cent_mid_complain"></span>
					</h2>
					<ul id="mid_complain">
						<li  class="orthers_fun">
							投诉
						</li>
						<li id="mid_complaintSuggestions_s">
							建议
						</li>
					</ul>
				</li>
			</ul>
		</div>

		<!-- 右侧显示区 -->
		<div id="cent_mid_right">
			<!-- 个人中心 -->
			<div id="mid_right_indent" class="cent_mid_right_alls">
				<div id="mid_right_indent_top">
					<img src="images/noticepic.png" alt="">
					<div>
						<span>${loginUser.getUser_real_name()}</span>
						先生,
						<label id="mid_indent_time"></label>
					</div>
				</div>

				<div id="mid_right_indent_desc">
					<p>
						欢迎您登录中国铁路客户服务中心网站。
						<br>
						<br>
						<span>
							如果您的密码在其他网站也使用，建议您修改本网站密码。
						</span>
						<br>
						<br>
						<span id="mid_indent_timeDesc">
							为配合做好新冠疫情常态化防控工作，同时便于乘车人及时接收列车运行变更信息，购票时需登记每名乘车旅客中国大陆手机号码，请您提前填报并通知乘车人协助完成手机号码核验。对于未成年人、老年人等重点旅客以及无手机的旅客，可提供监护人或能及时联系的亲友手机号码。铁路部门将依法保护旅客个人信息安全。
						</span>
						<a href="">
							立即填写联系方式信息
						</a>
						<br>
						<br>
						点击
						<a  href="" class="texDec">
							成为会员
						</a>
						<br>
						<br>
						如果您需要预订车票，请您点击
						<a href="" class="texDec">
							车票预订
						</a>。
					</p>
				</div>

				<div id="mid_right_indent_planar">
					<dl>
						<dt>
							<img src="images/requestWechatQrw=mypage.jpg">
						</dt>
						<dd>
							使用微信扫一扫，可通过
							<br>
							微信公众号接收12306行程通知
						</dd>
					</dl>

					<dl>
						<dt>
							<img src="images/requestAliQrw=mypage.jpg">
						</dt>
						<dd>
							使用支付宝扫一扫，可通过
							<br>
							支付宝通知提醒接收12306行程通知
						</dd>
					</dl>
				</div>

				<div id="mid_right_indent_hint">
					<h2>温馨提示：</h2>
					<p>
                		1.消息通知方式进行相关调整，将通过“铁路12306”App客户端为您推送相关消息（需开启通知
                		权限）。您也可以扫描关注“铁路12306”微信公众号或支付宝生活号，选择通过微信	或支付宝接收。列
                		车运行调整的通知仍然发送短信通知给您。
              		</p>
              		<p>
                		2.您可通过“账号安全”中的<a href="" style="color: #0077ff">“通知设置”</a>修改您接收信息服务的方式。
              		</p>
				</div>

			</div><!-- 个人 -->

			<!-- 订单中心>火车订票 -->
			<div id="mid_right_indent_ticket"  class="cent_mid_right_alls">
				<div class="layui-tab layui-tab-card">
  					<ul class="layui-tab-title" id="mid_ticket_top">
  					  <li class="layui-this">
  					  	未完成订单
  					  </li>
  					  <li>
  					  	未出行订单
  					  </li>
  					  <li>
  					  	历时订单
  					  </li>
  					</ul>
  					<div class="layui-tab-content" id="mid_ticket_top_desc">
  					  <div class="layui-tab-item layui-show" id="mid_ticket_no_indent">
  					  	<div id="no_indent_text">
  					  		<img src="images/empty202293.png" alt="">
  					  		<div id="no_indent_desc">
  					  			<p>您没有未完成的订单哦～</p>
  					  			<p>您可以通过<a href="">车票预订</a>功能，来制定出行计划。</p>
  					  		</div>
  					  	</div>
  					  	<div id="shao-tips">
                      		<h4 class="tips-tit">温馨提示</h4>
                      		<p>1.席位已锁定，请在指定时间内完成网上支付。</p>
                      		<p>2.逾期未支付，系统将取消本次交易。</p>
                      		<p>
                      		  3.在完成支付或取消本订单之前，您将无法购买其他车票。
                      		</p>
                      		<p>
                      		  4.未尽事宜详见《铁路旅客运输规程》等有关规定和车站公告。
                      		</p>
                    	</div>
  					  </div>

  					  <div class="layui-tab-item">
  					  	<div id="no_indent_form">
  					  		<form action="">
  					  			<select>
  					  				<option value="">按订票日期查询</option>
  					  				<option value="">按乘车日期查询</option>
  					  			</select>
  					  			<input type="date" class="now_date">
  					  			<input type="date" class="now_date">
  					  			<input type="text" placeholder="订单号/车次/姓名">
  					  			<input type="submit" value="查询" id="no_indent_form_sub">
  					  		</form>
  					  		<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
  								<ul class="layui-tab-title" id="no_indent_form_tab">
  								  <li class="layui-this">全部</li>
  								  <li>可改签</li>
  								  <li>可变更到站</li>
  								  <li>可退票</li>
  								</ul>
  								<div class="layui-tab-content" id="mid_ticket_no_indent_all">
  								  <div class="layui-tab-item layui-show">
  								  	<div>
  								  		<img src="images/empty202293.png" alt="">
  					  					<div id="no_indent_desc">
  					  						<p>您没有对应的订单内容哦～</p>
  					  						<p>您可以通过<a href="">车票预订</a>功能，来制定出行计划。</p>
  					  					</div>
  								  	</div>1
  								  </div>
  								  <div class="layui-tab-item">
  								  	<div>
  								  		<img src="images/empty202293.png" alt="">
  					  					<div id="no_indent_desc">
  					  						<p>您没有对应的订单内容哦～</p>
  					  						<p>您可以通过<a href="">车票预订</a>功能，来制定出行计划。</p>
  					  					</div>2
  								  	</div>
  								  </div>
  								  <div class="layui-tab-item">
  								  	<div>
  								  		<img src="images/empty202293.png" alt="">
  					  					<div id="no_indent_desc">
  					  						<p>您没有对应的订单内容哦～</p>
  					  						<p>您可以通过<a href="">车票预订</a>功能，来制定出行计划。</p>
  					  					</div>3
  								  	</div>
  								  </div>
  								  <div class="layui-tab-item">
  								  	<div>
  								  		<img src="images/empty202293.png" alt="">
  					  					<div id="no_indent_desc">
  					  						<p>您没有对应的订单内容哦～</p>
  					  						<p>您可以通过<a href="">车票预订</a>功能，来制定出行计划。</p>
  					  					</div>
  								  	</div>4
  								  </div>
  								</div>
							</div> 
  					  	</div>

  					  	<div id="duo-tips">
                    		<h4 class="tips-tit">温馨提示</h4>
                    		<p>1.订单信息在本网站保存期限为30日。</p>
                    		<p>
                      			2.在12306.cn网站改签和退票，改签应不晚于票面日期当日24:00，变更到站不晚于开车前48小时，退票应不晚于开车前。
                    		</p>
                    		<p>3.在本网站办理退票，只能逐次单张办理。</p>
                    		<p>
                      			4.车票改签、变更到站均只能办理一次。已经改签或变更到站的车票不再办理改签；对已改签车票、团体票暂不提供“变更到站”服务。
                    		</p>
                    		<p>
                    		  5.退票、改签、变更到站后，如有应退票款，按购票时所使用的在线支付工具相关规定，将在规定时间内退还至原在线支付工具账户，请及时查询。如有疑问，请致电12306人工客服查询。
                    		</p>
                    		<p>6.如需取消或查看车票快递状态，请点击“快递详情”。</p>
                    		<p>
                    		  7.投保、退保或查看电子保单状态，请点击“我的保险”或“购/赠/退保险”。
                    		</p>
                    		<p>
                    		  8.未尽事宜详见《铁路旅客运输规程》等有关规定和车站公告。
                    		</p>
                  		</div>

  					  </div>

  					  <div class="layui-tab-item">
  					  	<div id="history_indent_form">
  					  		<form action="">
  					  			乘车日期<input type="date" class="now_date">
  					  			<input type="date" class="now_date">
  					  			<input type="text" placeholder="订单号/车次/姓名">
  					  			<input type="submit" value="查询" id="history_indent_form_sub">
  					  		</form>
  					  	</div>

  					  	<div id="his_indent_all">
  							<img src="images/empty202293.png" alt="">
  					  		<div id="no_indent_desc">
  					  			<p>您没有对应的订单内容哦～</p>
  					  			<p>您可以通过<a href="">车票预订</a>	功能，来制定出行计划。</p>
  					  		</div>
  						</div>

  					  	<div id="duo-tips1">
                    		<h4 class="tips-tit">温馨提示</h4>
                    		<p>1.订单信息在本网站保存期限为30日。</p>
                    		<p>
                    		  2.在12306.cn网站改签和退票，改签应不晚于票面日期当日24:00，变更到站不晚于开车前48小时，退票应不晚于开车前。
                    		</p>
                    		<p>3.在本网站办理退票，只能逐次单张办理。</p>
                    		<p>
                    		  4.
                    		  车票改签、变更到站均只能办理一次。已经改签或变更到站的车票不再办理改签；对已改签车票、团体票暂不提供“变更到站”服务。
                    		</p>
                    		<p>
                    		  5.退票、改签、变更到站后，如有应退票款，按购票时所使用的在线支付工具相关规定，将在规定时间内退还至原在线支付工具账户，请及时查询。如有疑问，请致电12306人工客服查询。
                    		</p>
                    		<p>6.如需取消或查看车票快递状态，请点击“快递详情”。</p>
                    		<p>
                    		  7.投保、退保或查看电子保单状态，请点击“我的保险”或“购/赠/退保险”。
                    		</p>
                    		<p>
                    		  8.未尽事宜详见《铁路旅客运输规程》等有关规定和车站公告。
                    		</p>
                    		<p>9.更多历史订单，请到铁路12306APP查询。</p>
                  		</div>
  					  </div>

  					</div>
				</div>
			</div><!-- 订单中心>火车订票 -->

			<!-- 其他功能 -->
			<div id="others_indent" class="cent_mid_right_alls">
				维护中，暂不开放
			</div>

			<!-- 本人车票 -->
			<div id="mid_myTicket_show" class="cent_mid_right_alls">
				<div></div>
			</div>

			<!-- 个人信息>查看个人信息 -->
			<div class="cent_mid_right_alls" id="mid_myOne_ms">
				<!-- 基本信息 -->
				<div id="basicInformation">
					<h3>基本信息</h3>
					<div id="basicInformation_show">
						<ul>
							<li>
								*用户名：
								<span id="basicInformation_username">xx</span>
							</li>
							<li>
								*姓名：
								<span id="basicInformation_userrealname">xx</span>
							</li>
							<li>
								国家/地区：
								<span>中国China</span>
							</li>
							<li>
								*证件类型：
								<span id="basicInformation_userIdType">中国居民身份证</span>
							</li>
							<li>
								*证件号码：
								<span id="basicInformation_userIdNum">xx</span>
							</li>
							<li>
								核验状态：
								<span>已通过</span>
							</li>
						</ul>
					</div>
				</div>

				<div class="dash"></div>

				<!-- 联系方式 -->
				<div id="contactDetails">
					<h3>
						联系方式
						<button id="but_contactDetails">编辑</button>
					</h3>
					<div id="contactDetails_show">
						<ul>
							<li>
								*手机号：
								<span id="contactDetails_phone"></span>
								<label id="contactDet_label">已通过核验</label>
							</li>
							<li>
								固定电话：
								<input type="text" disabled  id="contactDetails_phoneFixed">
							</li>
							<li>
								邮箱：
								<input type="email" disabled id="contactDetails_email">
							</li>
							<li>
								地址：
								<input type="text" disabled>
							</li>
							<li>
								邮编：
								<input type="text" disabled>
							</li>
						</ul>
					</div>
				</div>

				<div class="dash"></div>

				<!-- 附加信息 -->
				<div id="additional_Information">
					<h3>
						附加信息
						<button id="but_additional">编辑</button>
					</h3>
					<div id="additional_Information_show">
						*旅客类型：
						<select disabled>
							<option value="">成人</option>
							<option value="">儿童</option>
							<option value="">学生</option>
							<option value="">残疾军人、伤残人民警察</option>
						</select>
					</div>
				</div>
				<div class="dash"></div>
			</div>

			<!-- 账号安全 -->
			<div id="accountSecurity" class="cent_mid_right_alls">
				<ul id="accountSecurity_start">
					<li>
						<ul>
							<li>
								<i class="layui-icon layui-icon-password"></i>
								登陆密码
							</li>
							<li>建议您定期更改密码以保护账户安全</li>
							<li>
								<button id="accountSecurity_updatePassword">修改</button>
							</li>
						</ul>
					</li>
					<li>
						<ul>
							<li>
								<i class="layui-icon layui-icon-cellphone"></i>
								手机核验
							</li>
							<li>使用手机接收铁路客户服务信息</li>
							<li>
								<button id="accountSecurity_updatePhone">修改</button>
							</li>
						</ul>
					</li>
					<li>
						<ul>
							<li>
								<i class="layui-icon layui-icon-email"></i>
								安全邮箱
							</li>
							<li>使用邮箱接收铁路客户服务信息</li>
							<li>
								<button id="accountSecurity_updateEmail">修改</button>
							</li>
						</ul>
					</li>
					<li>
						<ul>
							<li>
								<i class="layui-icon layui-icon-notice"></i>
								通知设置
							</li>
							<li>设置通知方式</li>
							<li>
								<button id="accountSecurity_notice">修改</button>
							</li>
						</ul>
					</li>
				</ul>
				<!-- 登录密码 -->
				<div id="accountSecurity_loginPassword">
					<div id="accountSecurity_loginPassword_id1">
						<h3>
							密码修改
						</h3>
						<div id="accountSecurity_loginPassword_id2">
							<ul>
								<li>
									*原密码：
									<input type="password" name="loginPassword_old">
									<span>请输入原始密码</span>
								</li>
								<li>
									*新密码：
									<input type="password" name="loginPassword_new">
									<span>
										需包含字母、数字、下划线中不少于两种且长度不少于6
									</span>
								</li>
								<li>
									*密码确认：
									<input type="password" name="loginPassword_new_sure">
									<span>请再次输入密码</span>
								</li>
								<li>
									*请填写手机验证码：
									<input type="text" >
									<button>获取手机验证码</button>
								</li>
								<li>
									<span>
										一个用户一天可获取三次修改密码的手机验证码。
									</span>
								</li>
								<li id="loginPassword_ms_show">
									111
								</li>
							</ul>
						</div>
					</div>
					<div class="dash"></div>
					<div id="accountSecurity_loginPassword_id3">
						<div>
							<button>取消</button>
							<button id="loginPassword_button">确定</button>
						</div>
					</div>
				</div><!-- 密 -->

				<!-- 安全邮箱 -->
				<div id="accountSecurity_email">
					<div id="accountSecurity_email_id1">
						<h3>
							安全邮箱
						</h3>
						<div id="accountSecurity_email_id1s">
							<ul>
								<li>
									*原电子邮箱：<label id="accountSecurity_emailOld"></label>
								</li>
								<li>
									*新电子邮箱：
									<input type="email" name="accountSecurity_emailNew">
									<span>
										请输入新电子邮箱
									</span>
								</li>
							</ul>
						</div>
					</div>
					<div class="dash"></div>

					<div id="accountSecurity_email_id2">
						<div id="accountSecurity_email_id2s">
							<ul>
								<li>
									*登陆密码：
									<input type="password" name="email_password">
								</li>
								<li>
									*请填写手机验证码：
									<input type="text" >
									<button>获取手机验证码</button>
								</li>
								<li>
									<span>
										一个用户一天可获取三次修改密码的手机验证码。
									</span>
								</li>
								<li id="email_ms_show">
								</li>
							</ul>
						</div>
					</div>
					<div class="dash"></div>
					<div id="accountSecurity_email_id3">
						<div>
							<button>取消</button>
							<button id="accountSecurity_emailButton">登录邮箱</button>
						</div>
					</div>

				</div><!-- 邮箱 -->
			</div>

			<!-- 手机核验 -->
			<div id="mid_phoneVerification_M" class="cent_mid_right_alls">
				<div id="mid_phoneVerification_M_show">
					<h3>手机核验</h3>
					<ul>
						<li>
							*原手机号：
							<span id="mid_phoneVerification_oldPhone"></span>
							<label>已通过核验</label>
						</li>
						<li>
							*新手机号：
							<input type="text" name="mid_phoneVerification_newPhone">
						</li>
					</ul>
				</div>
				<div class="dash"></div>
				<div id="mid_phoneVerification_M_show0">
					<ul>
						<li>
							*登录密码：
							<input type="password" name="mid_phoneVerification_password">
							<span>正确输入密码才能修改密保</span>
						</li>
						<li id="mid_phoneVerification_ms"></li>
						<li>
							<button>取消</button>
							<button id="phoneVerification_sure">确认</button>
						</li>
					</ul>
				</div>
			</div>

			<!-- 账号注销 -->
			<div id="accountCancellation" class="cent_mid_right_alls">
				<div></div>
			</div>

			<!-- 投诉和建议>建议-->
			<div id="complaintSuggestions_s"  class="cent_mid_right_alls">
				<div id="complaintSuggestions_s_start">
					<div id="cs_sStart">
						<h3>建议服务说明</h3>
						<p>
							1．中国铁路客户服务中心网站（www.12306.cn）注册用户可通过本网站提交建议事项，非注册用户可先行注册或通过12306铁路客服电话提交建议。
						</p>
						<p>
							2．感谢您对铁路工作的关注，如对铁路站车服务、网络购票、设备设施、餐饮供应等工作有意见或建议，请您详细填写以下信息，铁路部门将及时收集整理，对合理化建议将积极采纳并及时改进。
						</p>
					</div>
					<div class="dash"></div>
					<div id="cs_sBut">
						<button id="reload_refund">不同意</button>
						<button id="agreeToread">我已同意阅读</button>
					</div>
				</div>

				<div id="complaintSuggestions_s_show">
					<h3>建议信息</h3>
					<div id="complaintSuggestions_s_show_ms">
						<ul>
							<li>
								姓名：
								<input type="text" id="complaintSuggestions_name" name="userName_sug" disabled>
							</li>
							<li>
								联系电话：
								<input type="text" id="complaintSuggestions_phone" name="userPhone_sug" disabled>
							</li>
						</ul>
						<ul>
							<li>
								证件类型：
								<input type="text" value="中国居民身份证" name="userIdType_sug" disabled>
							</li>
							<li>
								证件号码：
								<input type="text" id="complaintSuggestions_cardId" name="userIdNum_sug" disabled>
							</li>
						</ul>
						<ul>
							<li>
								建议对象:
								<select name="suggestionObject">
									<option value="站车服务" selected="selected">站车服务</option>
									<option value="网络购票">网络购票</option>
									<option value="设备设施">设备设施</option>
									<option value="餐饮供应">餐饮供应</option>
									<option value="行包运输">行包运输</option>
									<option value="列车运行图">列车运行图</option>
									<option value="其他">其他</option>
								</select>
							</li>
						</ul>
						<ul id="text_area_ul">
							<li>
								建议内容:
								<textarea id="text_area" maxlength="800" name="suggestionText"></textarea>
							</li>
						</ul>
						<ul id="ms_but_s">
							<li id="butSug_submit">
								<button>提交</button>
							</li>
						</ul>
					</div>
				</div>

			</div>

		</div>



	</div>

















	<!-- 底部 -->
	<footer id="footer-con">
		<div id="footer-link">
			<span>友情链接</span>
			<nav>
				<a href="">
					<img src="images/link05.png" alt="">
				</a>
				<a href="">
					<img src="images/link03.png" alt="">
				</a>
			</nav>
			<nav>
				<a href="">
					<img src="images/link02.png" alt="">
				</a>
				<a href="">
					<img src="images/link04.png" alt="">
				</a>
			</nav>
		</div>

		<div id="footer-left">
			<dl>
				<dt>中国铁路官方微信</dt>
				<dd>
					<img src="images/zgtlwx.png" alt="">
				</dd>
			</dl>

			<dl>
				<dt>中国铁路官方微博</dt>
				<dd>
					<img src="images/zgtlwb.png" alt="">
				</dd>
			</dl>

			<dl>
				<dt>12306公众号</dt>
				<dd>
					<img src="images/public.png" alt="">
				</dd>
					</dl>

			<dl>
				<dt>铁路12306</dt>
				<dd>
					<img src="images/downloads.png" alt="">
				</dd>
			</dl>
			<div id="footer-pub">
				官方APP下载，目前铁路未授权其他网站或APP开展类似服务内容，敬请广大用户注意。
			</div>
		</div>
	</footer>

	<!-- 最底部 -->
	<div id="footer-bottom">
		<div id="bot_con">
			<p>版权所有©2008-2022 中国铁道科学研究院集团有限公司</p>
			<dl>
				<dt>
					<a href="">
						<img src="images/gongan.png" alt="">
					</a>
				</dt>
				<dd>
					<a href="">京公网安备</a>
					<a href=""> 11010802038392号</a>
					| 京ICP备05020493号-4 | ICP证：京B2-20202537
				</dd>
			</dl>
			<div id="down-img">
				<img src="images/footer-slh.jpg" alt="">
			</div>
		</div>	
	</div>

</body>

<script type="text/javascript" src="js/refund.js"></script>
</html> 	